<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

  <style>
    body {
      background-color: #FFFFFF;
      font-size: 1.4rem;
    }

    li{
      list-style-type: none;/* 去掉li前的点 */
      float: left;/*将li设置成做浮动，变为联动*/
    }
    a{
      display: block;/*将a变成块状*/
      width: 220px;/*设置块的宽度*/
      height: 50px;/*设置块的长度*/
      font-family: Microsoft Yahei;
      line-height: 50px;/*设置字体在块中的高度*/
      background-color: #2f4f4f;
      margin: 0px 0px;/*块里的高宽通过margin设置*/
      color: #fff;
      text-align: center;/*字体居中*/
      text-decoration: none;/*去掉下划线*/
      font-size: 15px;
    }
    a:hover{
      background-color: #2f6f4f;
    }

  </style>
</head>



<div >
  <ul class=daohang>
    <li><a th:href="@{/}">首页</a ></li>
    <li><a th:href="@{/selectList}">所有数据</a ></li>
    <li><a th:href="@{/deleteAll}">清空数据</a ></li>
    <li><a th:href="@{/huabu1}">运行轨迹</a ></li>
    <li><a th:href="@{/PID}">调PID</a ></li>
    <li><a th:href="@{/stop_start}">启动停止</a ></li>
    <li><a th:href="@{/picture1}">散点图1</a ></li>
    <li><a th:href="@{/picture2}">散点图2</a ></li>
  </ul>
</div>

</head>
<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<h1 align="center">欢迎来到————智能小车课设</h1>

</body>
</html>